﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">

<title>重庆大学计算机学院</title>

<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">


<!-- Custom styles for this template -->
<link href="assets/css/main.css" rel="stylesheet">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="assets/js/hover.zoom.js"></script>
<script src="assets/js/hover.zoom.conf.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
<script type="text/javascript">
    function getTextNews() 
	{
		$.ajax({
			url : "textNews.json",
			type : "post",
			//请求成功后的回调函数
			success : function(result) 
			{
				switch(result.status)
				{
					case 0:
						for (i = 0; i < result.urlData.length; i++) 
						{
							var link = $('<a  class="list-group-item" href="'+result.urlData[i]+'">'+result.titleData[i]+'</a>');
							var li = $('<li></li>');
							li.append(link);
							$("#newsList").append(li);
						}
						$("#newsList").listview('refresh');
						break;
					case 1:
						alert("1");
						break;
					case 2:
						alert("2");
						break;
					case 3:
						alert("3");
						break;
				}
			}
		});
	}
    function getImgNews() 
	{
    	$.ajax({
			url : "imgNews.json",
			type : "post",
			//请求成功后的回调函数
			success : function(result) 
			{
				switch(result.status)
				{
					case 0:
						var carousel = $('<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"></div>');
				    	var carousel_indicators = $('<ol class="carousel-indicators center-vertical"></ol>');
				    	var container = $('<div class="container theme-showcase" role="main"></div>');
				    	var inner = $('<div class="carousel-inner" role="listbox"></div>');
						for (i = 0; i < result.urlData.length; i++) 
						{
							var col_sm_4 = $('<div class="col-sm-4"></div>');
							var a = $('<a href="'+result.urlData[i]+'">');
							var img = $('<IMG height="500" src="'+result.imgData[i]+'" border=0>');
							var h3 = $('<div class="carousel-caption"><h3 style="color: white">'+result.titleData[i]+'</h3></div>');
							a.append(img);
							a.append(h3);
							col_sm_4.append(a);
							if (i!=0) {
								var li = $('<li data-target="#carousel-example-generic" data-slide-to="'+i+'"></li>');
								carousel_indicators.append(li);
								var item = $('<div class="item"></div>');
								item.append(col_sm_4);
								inner.append(item);
							} else {
								var li = $('<li data-target="#carousel-example-generic" data-slide-to="'+i+'" class="active"></li>');
								carousel_indicators.append(li);
								var item_active = $('<div class="item active"></div>');
								item_active.append(col_sm_4);
								inner.append(item_active);
							}
						}
						container.append(inner);
						var link = $('<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>');
						container.append(link);
						carousel.append(container);
						carousel.append(carousel_indicators);
						$("#welcome-imgNews").append(carousel);
						break;
					case 1:
						alert("1");
						break;
					case 2:
						alert("2");
						break;
					case 3:
						alert("3");
						break;
				}
			}
		});
   	 }

    $(document).ready(function(){
    	getImgNews();
    	getTextNews();
    	});
    		
    </script>
<style type="text/css">
.col-sm-4 {
	width: 100%;
	text-align: center;
}

li {
	list-style-type: none
}

#newsList {
	margin: 0;
	padding: 0;
	text-align: center;
}
</style>
</head>

<body>

	<!-- Static navbar -->
	<div class="navbar navbar-inverse navbar-static-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="Home.html">计算机学院</a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="CollegeNews.html">学院新闻</a></li>
					<li><a href="CollegeProfile.html">学院简介</a></li>
					<li><a href="PartyNews.html">党建新闻</a></li>
					<li><a href="StudyNews.html">教学动态</a></li>
					<li><a href="TeacherInfo.html">师资团队</a></li>
					<li><a href="AcademicNews.html">学术动态</a></li>
					<li><a href="Suggestion.html">建议和意见</a></li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>

	<!-- +++++ Welcome Section +++++ -->
	<!-- <div id="ww">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2 centered">
					<img src="assets/img/1.png" alt="Stanley">
					<h1>Hi,我是重庆大学计算机学院!</h1>
					<p>
						重庆大学计算机学院是我国高校最早开展计算机研究的基地之一，是信息科学领域科学技术研究与人才培养的重要基地，有50多年的发展历史，近年来，学院围绕重庆大学“坚持提高教学质量、走内涵发展道路”的总体思路，通过汇聚学术队伍、凝练学科方向、构建学科基地、促进学科交叉，已发展成为具有博士、硕士、本科完整的教育结构，现拥有“计算机软件与理论”国家重点（培育）学科、重庆市一级重点学科、
						“211工程”和
						“985工程”三期重点建设学科；拥有计算机科学与技术、软件工程两个一级博士学位授权点，计算机软件与理论、计算机系统结构和计算机应用技术三个二级博士学位授权点；形成了包括软件技术与应用、服务计算理论与技术、模式识别与信息处理、信息安全与计算智能、系统结构与智能分布式计算等五个明确的学科方向；筹建了信息物理社会可信服务计算教育部重点实验室、软件理论与技术重庆市重点实验室、重庆市软件研发技术中心等多个研究基地。学院设有计算智能与信息安全、网络和网络关键技术及应用、模式识别与信息处理、软件及应用技术、智能技术与服务五个研究所。</p>
				</div>
				/col-lg-8
			</div>
			/row
		</div>
		/container
	</div>
	/ww -->

	<div id="welcome-imgNews"></div>



	<!-- +++++ Projects Section +++++ -->
	<div class="container pt">
		<div class="row mt">
			<div class="col-lg-6 col-lg-offset-3 centered">
				<h3>导 航</h3>
				<hr>

			</div>
		</div>
		<div class="row mt centered">
			<div class="col-lg-4">
				<a class="zoom green" href="CollegeNews.html"><img
					class="centered" src="assets/img/3.jpg" alt="" /></a>
				<p>学院新闻</p>
			</div>
			<div class="col-lg-4">
				<a class="zoom green" href="PartyNews.html"><img
					class="centered" src="assets/img/timg.jpg" alt="" /></a>
				<p>党建新闻</p>
			</div>
			<div class="col-lg-4">
				<a class="zoom green" href="TeacherInfo.html"><img
					class="centered" src="assets/img/4.jpg" alt="" /></a>
				<p>师资队伍</p>
			</div>
		</div>
		<!-- /row -->
		<div class="row mt centered">
			<div class="col-lg-4">
				<a class="zoom green" href="CollegeProfile.html"><img
					class="centered" src="assets/img/10.jpg" alt="" /></a>
				<p>学院简介</p>
			</div>
			<div class="col-lg-4">
				<a class="zoom green" href="AcademicNews.html"><img
					class="centered" src="assets/img/5.jpg" alt="" /></a>
				<p>学术动态</p>
			</div>
			<div class="col-lg-4">
				<a class="zoom green" href="StudyNews.html"><img
					class="centered" src="assets/img/6.jpg" alt="" /></a>
				<p>教学动态</p>
			</div>
		</div>
		<!-- /row -->
	</div>
	<!-- /container -->

	<!-- +++++ Footer Section +++++ -->

	<div id="footer">
		<div class="container">
			<div class="row">
				<div class="col-lg-4">
					<h4>我的地址</h4>
					<p>
						重庆市沙坪坝区沙正街174号 <br /> 重庆大学计算机学院<br /> 邮政编码：400044<br />
					</p>
				</div>
				<!-- /col-lg-4 -->



				<div class="col-lg-4">
					<br /> <br /> <br />
					<p>欢迎大家报考计算机学院</p>
				</div>
				<!-- /col-lg-4 -->

				<div class="col-lg-4">
					<h4>My Links</h4>
					<p>
						<a href="#">重庆大学研究生院</a><br /> <a href="http://lib.cqu.edu.cn">图书馆</a><br />
						<a href="#">信息门户</a>
					</p>
				</div>
				<!-- /col-lg-4 -->

			</div>

		</div>
	</div>


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
